<template>
	<view class="SearchBook">
			{{bookList[0]}}
			<view v-for="(item) in bookList" class="SearchList">
				<image src="item.BookCover"></image>
				<view class="SearchText">
					<p>{{item.BookName}}</p>
					<p>{{item.BookAuthor}}</p>
					<p>{{item.SnyCon}}</p>
				</view>
			</view>
			<hr/> 
	</view>
</template>

<script>
	export default {
		name:"findBook",
		data() {
			return {
				
			};
		},
		props:{
			bookList:Array,
		},
	}
</script>

<style lang="scss">
	.SearchBook{
		padding: 10px;
	}
	.SearchList{
		image{
			float: left;
			width: 20vw;
			height: 10vh;
		}
	}
	.SearchText{
		float: right;
	}
</style>
